.searchBox{background-color: #e70012; padding: 15rpx;}

.banner{}
.banner image{display: block; width: 100%;}

.items{}
.items .item{padding: 20rpx; border-bottom: 1px solid #ccc; display: flex; align-items: center; justify-content: space-between;}
.items .item .textBox{width: 70%;}
.items .item .textBox h3{font-size: 32rpx; font-weight: bold; margin-bottom: 15rpx;}
.items .item .textBox p{font-size: 28rpx; }
.items .item .btnBox{padding: 10rpx 30rpx; border-radius: 10rpx; background-color: #d9232f; color: #fff; text-align: center; font-size: 28rpx; font-weight: bold;}


.userinfoBox{position: relative; display: block;overflow: hidden;background: #d9232f;color: #fff; padding: 20rpx; border-radius: 10rpx;margin-top: 30rpx; box-shadow: 0 0 20rpx rgba(0,0,0,.3);}
.userinfoBox h3{font-size: 34rpx; color: #fff; font-weight: bold;}
.userinfoBox p{font-size: 28rpx; color: #fff; margin-top: 20rpx;}

.pingfenBox{margin-top: 30rpx;}
.pingfenBox .item{padding: 30rpx 0; border-bottom: 1px solid #ccc;}
.pingfenBox .item .subTitle{display: flex; align-items: center; justify-content: center; margin-bottom: 20rpx;}
.pingfenBox .item .subTitle span{background-color: #d9232f; color: #fff; font-size: 40rpx; padding: 10rpx 40rpx; border-radius: 5rpx;}
.pingfenBox .item .label{font-size: 30rpx; font-weight: bold; margin-bottom: 20rpx;}
.pingfenBox .item .inp{}
.pingfenBox .item ul{display: flex; flex-wrap: wrap;}
.pingfenBox .item ul li{padding: 10rpx 40rpx; margin-right: 15rpx; margin-bottom: 15rpx; font-size: 28rpx; border: 1px solid #ccc; border-radius: 100px;}
.pingfenBox .item ul li.cur{background-color: #d9232f; color: #fff; border-color: #d9232f;}
.pingfenBox .item .intro{font-size: 22rpx; color: #555; margin-top: 10rpx;}
.pingfenBox .item .answerBox{padding: 15rpx; border: 1px solid #ccc; border-radius: 10rpx; font-size: 26rpx; color: #333;}

.userBg{min-height: 100vh;}
.waterMark {width: 100vw;height: 100vh;position: fixed;transform: translate(-100%, -100%);pointer-events: none;opacity: 0;}
.waterMark-bg {width: 100vw;height: 100vh;position: fixed;top: 0px;left: 0px;right: 0px;bottom: 0px;pointer-events: none; z-index: 99990;}

.loadBox{position: fixed; top: 0; left: 0; width: 100%;  height: 100%; display: flex; align-items: center; justify-content: center; background-color: rgba(255,255,255,.9); z-index: 9999999;}


.popcontent{padding: 15rpx;}
.popcontent .overBox{max-height: 70vh; overflow: auto;}

.cpList{}
.cpList .item{text-align: center; padding: 20rpx 0; margin: 30rpx 0; font-size: 30rpx; border-radius: 10rpx;  background: linear-gradient(to top, #fa3534, #f56c6c); box-shadow: 5rpx 5rpx 0 rgba(0,0,0,.5); color: #fff;}
.cpList .item h4{color: #fff;}


.userList.flexBox{display: flex;}
.userList h3{font-size: 40rpx;font-weight: bold; padding: 15rpx;}
.userList ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.userList ul li{width: 31%; margin-bottom: 15rpx;}
.userList .item{display: flex; border: 1px solid #ccc; margin-bottom: 10rpx; font-size: 22rpx;}
.userList .user{ padding: 15rpx;border: 1px solid #ccc; margin-bottom: 10rpx; font-size: 22rpx;}
.userList .form{display: flex; }
.userList .form .answerBox{ width: 150rpx; flex-shrink: 0; padding: 15rpx;border: 1px solid #ccc; white-space: nowrap;}
.userList .overBox{width: 80%; overflow-x: auto;}

.moniList{margin-top: 30rpx;}
.moniList ul{}
.moniList ul li{margin-bottom: 15rpx;}